<template>
  <div>
    <!-- v-model: 给表单元素使用  实现双向绑定
        语法: v-model="值"
        作用: 快速收集或者设置表单元素的数据
     -->
    <h3>v-model</h3>
    姓名 <input type="text" v-model="username">
    密码 <input type="password" v-model="password">
    <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '老韩',
      password: ''
    }
  },
  methods: {
    login() {
      console.log(this.username, this.password);
    }
  }
}
</script>

<style>

</style>